
/***************************模态框样式***************************/
.info-modal {
	display: none;
	height: 360px;
	width: 306px;
	font-family:"Microsoft YaHei";
	position: absolute;
	z-index: 1001;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #1A1A1A;
	font-family: -apple-system, BlinkMacSystemFont, Neue Haas Grotesk Text Pro, Arial Nova, Tahoma, Segoe UI, Helvetica Neue, \.PingFang SC, PingFang SC, Microsoft YaHei, Microsoft JhengHei, Source Han Sans SC, Noto Sans CJK SC, Source Han Sans CN, Noto Sans SC, Source Han Sans TC, Noto Sans CJK TC, Hiragino Sans GB, sans-serif;
	font-size: 14px;
	background:#F5F5F5;
}


/*模态框头部*/

.info-modal .info-modal-header {
	height: 78px;
	/*line-height: 54px;*/
	border-bottom: 1px solid #D5D5D5;
	padding: 10px 15px;
	box-sizing: border-box;
}

.info-modal .info-modal-title {
	float: left;
}

.info-modal .info-modal-title>* {
	float: left;
}


/*模态框头部标题图标*/

.info-modal .info-modal-title .iconfont {
	font-size: 18px;
	margin-left: 20px;
}


/*模态框头部标题文本*/

.info-modal .info-modal-title .info-title-text {
	font-size: 16px;
	margin-left: 10px;
}


/*模态框关闭按钮*/

.info-modal .info-close {
	cursor: pointer;
	float: right;
	/* width: 54px; */
	font-size: 12px;
	text-align: center;
}

.info-modal .info-close:hover {
	/*background-color: #e9705f;*/
	/*color: #FFFFFF;*/
}


/*模态框内容部分*/

.info-modal .info-modal-body {
	padding: 25px 15px;
	height: 210px;
	box-sizing: border-box;
	border-bottom: 1px solid #D5D5D5;
}


/*遮罩层*/

.modal-mask {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1A1A1A;
	opacity: 0.6;
}

button{
	display: inline-block;
	background: #48a1dd;
	color: white;
	height: 40px;
	line-height: 40px;
	width: 165px;
	border: none;
	border-radius: 6px;
	border-bottom: 4px outset #4486b3;
}

/***特殊样式***/
/*名称*/
.name{
	display: inline-block;
	width: 165px;
	font-size: 14px;
	line-height: 20px;
	height: calc(100% - 10px);
}
.name p{
	margin:0;
	width: 165px;
}
/*图像*/
.photo{
	display: inline-block;
	height: 55px;
	width: 55px;
	overflow: hidden;
	border-radius: 50%;
	margin-right:10px ;
}
.photo img{
	height: 100%;

}


.contact{
	float: left
}
/*信息*/
.info-msg{
	display: inline-block;
	width: 210px;
	float: right;
}

/*标签*/
.label{
	width: 65px;
	display: inline-block;
	float:left;
	font-weight: bolder;
}

/*符号*/
.label:after{
	content: ":"
}
.label::after{
	content: ":"
}
.contact-name :after{
	content: "（"
}

.contact-name::after{
	content:"（";
}

.contact-org:after{
	content: "、"
}

.contact-org::after{
	content: "、"
}

.contact-duties:after{
	content: "）"
}
.contact-duties::after{
	content: "）"
}


.contact-phone{
	margin:5px 0 0 0;
}

/***ul标签样式***/
.info-duty-phone ul{
	margin:0;
	padding:0;
	list-style: none;
}

.info-duty-phone ul li{
	margin-bottom:5px;
}


.info-org,.info-phone,.info-duties,.info-duty-phone,.info-contact{
	float: left;
	margin-bottom:20px;
}

.info-contact{
	float: left;
}

.contact-phone{
	margin:5px 0 0 0;
}
